<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">

    <title>婚纱</title>

</head>
<body>
    <div class="header">
        <div class="header-c">
            <div class="header-l">
                <img src="img/logo1.png" alt="">
                <img src="img/logo2.png" alt="">
            </div>
            <ul class="header-r">
                <li class="r-item active"><a href="index.html">首页<span class="line"></span></a></li>
                <li class="r-item"><a href="weeding.html">婚纱礼服<span class="line"></span></a></li>
                <li class="r-item"><a href="jewelry.html">珠宝配饰<span class="line"></span></a></li>
                <li class="r-item"><a href="activity.html">最近活动<span class="line"></span></a></li>
                <li class="r-item last"><a href="about.html">关于我们<span class="line"></span></a></li>
            </ul>
        </div>
    </div>
    <div class="banner">
        <div class="banner-c">
                <div class="more">
                    <a href=""><img src="img/more.png" alt=""></a>
                </div>
            <!-- <img src="img/bg1.png" alt="" class="arrl"><img src="img/箭头1.png" alt="" class="arr1-1">
            <img src="img/bg1.png" alt="" class="arr2"><img src="img/箭头2.png" alt="" class="arr2-1" > -->
                <div class="spot">
                    <span class="spot-item"></span><span class="spot-item"></span>
                </div>
        </div>
    </div>
    <div class="wedding">
        <div class="weeding-c">
            <div class="title">
                <div class="ch">
                    <p>婚礼纱服</p>
                </div>
                <div class="en">
                    <p>weeding Dress</p>
                </div>
            </div>

                <ul class="type">
                    <li class="type-list"><a href="">新品/NEW<span class="spot"></span></a></li>
                    <li class="type-list"><a href="">2020春夏<span class="spot"></span></a></li>
                    <li class="type-list"><a href="">2020秋冬<span class="spot"></span></a></li>
                    <li class="type-list last"><a href="">专属定制<span class="spot"></span></a></li>
                </ul>

            <ul class="cloth">
                <li class="cloth-list">
                    <a href="">
                        <img src="img/婚纱1-1.jpg" alt="">
                        <div class="obstacle i1">
                            <p class="title">HER STYLE/一字肩拖尾主纱</p>
                            <p class="price">$5389.00</p>
                            <p class="style">白色/M/VK2531</p>
                        </div>
                    </a>
                </li>
                <li class="cloth-list">
                    <a href="">
                        <img src="img/婚纱1-2.jpg" alt="">
                        <div class="obstacle i2">
                            <p class="title">HER STYLE/一字肩拖尾主纱</p>
                            <p class="price">$5389.00</p>
                            <p class="style">白色/M/VK2531</p>
                        </div>
                    </a>
                </li>
                <li class="cloth-list">
                    <a href="">
                        <img src="img/婚纱1-3.jpg" alt="">
                        <div class="obstacle i3">
                            <p class="title">HER STYLE/一字肩拖尾主纱</p>
                            <p class="price">$5389.00</p>
                            <p class="style">白色/M/VK2531</p>
                        </div>
                    </a>
                </li>
                <li class="cloth-list last">
                    <a href="">
                        <img src="img/婚纱1-4.jpg" alt="">
                        <div class="obstacle i4">
                            <p class="title">HER STYLE/一字肩拖尾主纱</p>
                            <p class="price">$5389.00</p>
                            <p class="style">白色/M/VK2531</p>
                        </div>
                    </a>
                </li>
            </ul>
            <div class="more1"><a href="weeding.html">more</a></div>
        </div>
    </div>
    <div class="jewelry">
        <div class="jewelry-c">
            <div class="title">
                <div class="ch">
                    <p>珠宝配饰</p>
                </div>
                <div class="en">
                    <p>Jewelry Show</p>
                </div>
            </div>
            <ul class="bao-list">
                <li class="bao-item">
                    <a href="">
                        <img src="img/珠宝1.jpg" alt="">
                        <div class="hinder">
                            <p class="p1">传世之作,经典重现</p>
                            <p class="p2">维罗尼卡倾情呈现“斑斓之境”</p>
                        </div>
                    </a>
                </li>
                <li class="bao-item">
                    <a href="">
                        <img src="img/珠宝2.jpg" alt="">
                        <div class="hinder">
                            <p class="p1">呕心沥血之作</p>
                            <p class="p2">法莱尼亚之盛典</p>
                        </div>
                    </a>
                </li>
                <li class="bao-item">
                    <a href="">
                        <img src="img/珠宝3.jpg" alt="">
                        <div class="hinder">
                            <p class="p1">巧夺天工之品</p>
                            <p class="p2">掌上明珠之眼,炫彩照人</p>
                        </div>
                    </a>
                </li>
                <li class="bao-item last">
                    <a href="">
                        <img src="img/珠宝4.jpg" alt="">
                        <div class="hinder">
                            <p class="p1">人工"鬼斧神工"级</p>
                            <p class="p2">维多利亚级宝石镶嵌你的动人 </p>
                        </div>
                    </a>
                </li>
            </ul>
            <div class="more1"><a href="jewelry.html">more</a></div>
        </div>
    </div>
    <div class="activity">
        <div class="title">
            <div class="ch">
                <p>最新活动</p>
            </div>
            <div class="en">
                <p>Lastest activity</p>
            </div>
        </div>
        <div class="main"></div>


        <div class="activity-c">
            <ul class="meeting">
                <li class="meeting-list">
                    <div class="fonttype">
                        <span class="day">06-18</span> <span class="year">2020</span>
                        <p class="title">新品发布会</p>
                        <p class="content">伴随着T台两侧色彩趋势报告的发布，
                            VERONICA2017婚纱新品发布会正...</p>
                        <div class="but"><a href="">more</a></div>
                    </div>
                </li>
                <li class="meeting-list">
                    <img src="img/main1-1.jpg" alt="">
                </li>
                <li class="meeting-list">
                    <div class="fonttype">
                        <span class="day">12-24</span> <span class="year">2020</span>
                        <p class="title">圣诞高级定制发布会</p>
                        <p class="content">《金字塔铭文》中有这样的话：“天空
                            把自己的光芒伸向你，以便你可以去到...</p>
                        <div class="but"><a href="">more</a></div>
                    </div>
                </li>

                <li class="meeting-list">
                    <div class="fonttype">
                        <span class="day">6-21 </span> <span class="year">2020</span>
                        <p class="title">夏季新品发布会</p>
                        <p class="content">“我非常欣赏并且热爱美国。因为
                            这里是我获得成功的地方。在许...</p>
                        <div class="but"><a href="">more</a></div>
                    </div>
                </li>

             </ul>

            <div class="more1"><a href="activity.html">more</a></div>
         </div>
    </div>
    <div class="designer">
        <div class="designer-l"></div>
        <div class="designer-r"></div>
        <div class="designer-c">
            <div class="title">
                <div class="ch">
                    <p>设计师</p>
                </div>
                <div class="en">
                    <p>Designers</p>
                </div>
            </div>
            <ul class="people">
                <li class="people-item">
                    <img src="img/designer1.png" alt="">
                    <p class="aname">Jason . W</p>
                    <p class="status">首席设计师</p>
                    <p class="intro">法国时装设计师，VERONICA品牌创始人之一，设计
                        总监，2016福布斯最具影响力的设计师...</p>
                    <div class="more2"><a href="designer.html">more</a></div>
                </li>
                <li class="people-item">
                    <img src="img/designer2.png" alt="">
                    <p class="aname">Jason . W</p>
                    <p class="status">首席设计师</p>
                    <p class="intro">法国时装设计师，VERONICA品牌创始人之一，设计
                        总监，2016福布斯最具影响力的设计师...</p>
                    <div class="more2"><a href="designer.html">more</a></div>
                </li>
                <li class="people-item last">
                    <img src="img/designer3.png" alt="">
                    <p class="aname">Jason . W</p>
                    <p class="status">首席设计师</p>
                    <p class="intro">法国时装设计师，VERONICA品牌创始人之一，设计
                        总监，2016福布斯最具影响力的设计师...</p>
                    <div class="more2"><a href="designer.html">more</a></div>
                </li>
            </ul>
        </div>
    </div>
    <div class="footer">
        <div class="footer-c">
            <div class="footer-l">
                <div class="license">
                    <p>网站备案号：豫ICP备110121210号</p>
                    <p>增值电信业务经营许可证号：豫B2-20100033 </p>
                 </div>
            </div>
            <div class="footer-r">
                <ul>
                    <li><a href="">&copy;2018VERONICA</a></li>
                    <li><a href="">联系我们</a></li>
                    <li><a href="">加入我们</a></li>
                </ul>
            </div>
        </div>
    </div>


    
	<div><a href="javascript:;" id="btn"></a></div>
    <script>
// window.onload = function(){
//     var totop =	document.getElementById("btn");
//             totop.style.display = "none";
//     var timer = null;

    
//     totop.onclick = function(){
    
//     timer = setInterval(function(){	
//         var backTop = document.documentElement.scrollTop||document.body.scrollTop;
//         var speedTop = backTop/5;
//         document.documentElement.scrollTop = backTop-speedTop;
//         if (backTop ==0) {
//             clearInterval(timer);
//         }
    
//     },30);
    
//     }
//     var pageHeight = 700;
//     window.onscroll = function(){
//         var backTop = document.documentElement.scrollTop||document.body.scrollTop;
//         if (backTop>pageHeight) {
//             totop.style.display = "block";
    
//         }else{
//             totop.style.display = "none";
//         }
//      }
    
    
    
//     }











window.onload = function(){
    var totop = document.getElementById("btn");
    totop.onclick = function(){
        timer = setInterval(function(){

            var backTop = document.documentElement.scrollTop||document.body.scrollTop;
            var speedTop = backTop/5;
            document.documentElement.scrollTop = backTop-speedTop;
            if(backtop ==0){
                clearInterval(timer);
            }




        },30);
    }
    var pageHeight = 700;
window.onscroll = function(){
    var backTop = document.documentElement.scrollTop||document.body.scrollTop;
if(backTop>pageHeight){
    totop.style.display = "block";
}else{
    totop.style.display = "none";
}

}

}





















































</script>
</body>
</html>